<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
             <epl-userMessage dataType="person" idCount="2">
                  <epl-personInsurance></epl-personInsurance>
            </epl-userMessage>
            <el-card class="ep-card">
                <ep-title>欠费账目清单</ep-title>
                <el-form :model="formQuery" :rules="rules">
                    <el-row :gutter="10">
                        <ep-dateTime colspan="8" label="欠费时间" name="aae003" :property="formQuery.aae003" p="E" 
                            :datas="{formData:formQuery}" format="yyyyMM"></ep-dateTime >
                        <el-col :span="2" :offset="3"><ep-button id="query" api="doQuery" :datas="{formData: formQuery}" 
                            type="primary" size="mini" icon="el-icon-search" name="查询"></ep-button></el-col> 
                    </el-row>
                </el-form>
                <el-row>
                    <ep-table :data="tableData" :pager="20" border style="width: 100%;" height="160">
                        <ep-table-column sortable editor="checkbox" width="120" header="选择" ></ep-table-column>  
                        <!-- <ep-table-column sortable editor="text" width="140" name="aaz223" header="人员征缴明细ID" ></ep-table-column> -->
                        <ep-table-column sortable editor="select" width="140" codetype="AAE140"  name="aae140" header="险种类型"></ep-table-column>
                        <ep-table-column sortable editor="select" width="140" codetype="AAA115" name="aaa115" header="缴费类型"></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" name="aae180" header="缴费基数"></ep-table-column>
                        <ep-table-column sortable editor="text" width="160" name="aae002" header="费款所属期"></ep-table-column>
                        <ep-table-column sortable editor="text" width="180" name="aae003" header="对应费款所属期"></ep-table-column>
                        <ep-table-column sortable editor="text" width="120" name="aae202" header="月数"></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" name="aae020" header="单位金额"></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" name="aae022" header="个人金额"></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" name="aae058" header="总金额"></ep-table-column>
                    </ep-table>
                </el-row>
                <el-form :model="form" ref="form" :rules="rules">
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="核销类型" name="aae017" :property="form.aae017" codetype="AAE017"
                            p="H" value="7000" :datas="{formData: form}"></ep-select>
                        <ep-date colspan="8" label="核销年月" name="aae018" :property="form.aae018"
                            p="D" :datas="{formData: form }" type="date" format="yyyy-MM-dd" value-format="yyyyMMdd"></ep-date>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-textarea :rows="3" colspan="24" label="备注" name="aae013" :property="form.aae013"
                            p="E" :datas="{formData: form}" placeholder="请输入备注"></ep-textarea>
                    </el-row>                    
                </el-form>
                <el-row type="flex" justify="center">
                    <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" @formValidate="formValidate"
                                    :validate="['form']" :datas="{formData: form,panel:panel,tableData:tableData}" name="保存"></ep-saveButton>
                </el-row>
            </el-card> 
        </el-main>
    </el-main>
</template>



<script src="../js/PsDetailCancelJS.js"></script>
